<%@ page contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Reset</title>
</head>
<body>
	<h1>CSS 초기화</h1>
	<h3>개요</h3>
	<p>css로 웹사이트 레이아웃을 구성하다보면
	동일한 코드를 사용했음에도 불구하고
	결과물이 브라우저에 따라 미묘하게 다름을 알 수 있음</p>
	<p>이는 브라우저별로 css를 처리하는 스타일이 다르기 때문</p>
	<p>따라서, 예전부터 웹 디자이너는 브라우저에 설정된 </p>
	
	<h3>meyer의 css reset</h3>
	<p>meyerweb.com => toolbox => css => reset css
	http://meyerweb.com/eric/tools/css/reset/index.html
	"a copy of the file"링크를 이용해서 reset.css 내려받음</p>
	<p>브라우저의 스타일을 모두 0으로 설정하고
	웹 디자이너의 재량에 따라 재설정할 수 있도록 함</p>
	<p>스타일을 0으로 설정하지 않아도 되는 것까지 초기화 함</p>
	<p>업데이트가 지속적이지 않아
	여전히 브라우저 간의 미묘한 차이가 존재</p>
	
	<h3>normalize css</h3>
	<p>necolas.github.io/normalize.css => download v3.0.2를 이용해서
	normalize.css 내려받음</p>
	<p>브라우저 간 스타일 처리의 차이점을 최소화하고자
	만든 css 처리 표준화 라이브러리</p>
	<p>즉, 각 브라우저의 css 처리 스타일을 통일되게 만들기 위한 목적으로 발표</p>
	<p>meryer의 reset css와는 달리 브라우저의 css 스타일은 그대로 살려두고
	차이점만 뽑아 적절히 처리하도록 만듦</p>

</body>
</html>